<template>
	<view>
		<Header title="签约流程" :showBack="true"></Header>
		<view class="container">
			<view class="box">
				<view>
					<view>1.家长<text>扫描</text> 班级群内所发升级通知单上的<text>学校二维码</text>，跳转关注公众号，会弹出【注册成功通知】，【<text>点击</text>】小程序进入。</view>
					<image  :src="baseUrl+'/images/img/help1.png'" mode="widthFix"></image>
				</view>
				
				<view>
					<view>2.选择小孩所在的<text>班级</text>，输入小孩<text>姓名</text>，点击【<text>授权</text>】按钮，<text>允许</text>获取手机号，跳转小程序首页。</view>
					<image  :src="baseUrl+'/images/img/help2.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help3.png'" mode="widthFix"></image>
				</view>
				
				<view>
					<view>3.点击首页采集弹窗【<text>确认</text>】，<text>允许</text>跳转小程序，进入学生人脸验证，点击【<text>开始验证</text>】，确认服务协议，输入孩子<text>姓名</text>，选择孩子<text>学校</text>，点击【<text>查询</text>】，进入确认信息页面。</view>
					<image  :src="baseUrl+'/images/img/help4.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help5.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help6.png'" mode="widthFix"></image>
				</view>
				
				<view>
					<view>4.点击照相机图标进行小孩<text>现场人脸拍照</text>采集（必须现场拍照小孩子人脸），采集完成验证成功<text>完成</text>后点击【<text>确认无误</text>】跳转开通免密支付页面。勾选微信支付扣费服务协议，点击【<text>开通</text>】，输入微信支付密码，开通成功，跳转小程序首页，状态变更为【已签约代扣】。</view>
					<image  :src="baseUrl+'/images/img/help7.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help8.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help9.png'" mode="widthFix"></image>
				</view>
				
				<view>
					<view>5.如果有多个小孩，请在小程序首页点击【<text>绑定多个</text>】，依次填入小孩所属<text>省、市、区、学校名称、所在班级和小孩姓名</text>等信息后，点击<text>确定</text>，然后再按提示完成采集签约即可。</view>
					<image  :src="baseUrl+'/images/img/help10.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help11.png'" mode="widthFix"></image>
					<image  :src="baseUrl+'/images/img/help12.png'" mode="widthFix"></image>
				</view>
				
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl:getApp().globalData.baseUrl
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less"  scoped>
.box{
	background-color: #fff;
	border-radius: 16upx;
	padding: 40upx 0;
	box-sizing: border-box;
	// box-shadow: 0 0 15upx rgba(247, 200, 122, .2);
	box-shadow: 0 3upx 20upx 1upx rgba(247, 200, 122, .2);
	>view{
		text-align: center;
		>view{
			width: 90%;
			margin: 0 auto;
			color: #666666;
			font-size: 32upx;
			text-align: left;
			>text{
				color: red;
			}
		}
		
		>image{
			// width: 653upx;
			width: 90%;
			margin-bottom: 50upx;
			margin-top: 50upx;
		}
	}
}
</style>

